.rule-delete {
    color: #F44336;
    vertical-align: text-top;
    cursor: pointer;
}

.rule-text-editor {
    width: 260px;
    display: inline-block;
    height: 26px;
    padding: 3px 3px;
}

.rule-property {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 28px;
    display: inline-block;
    border: solid gray 1px;
    margin-left: 5px;
}

.rule-add-property {
    cursor: pointer;
    padding-left: 10px;
    line-height: 30px;
    color: blue;
}

.rule-property-del {
    padding: 5px;
    cursor: pointer;
    color: #ff0600;
}

.rule-add-action {
    color: blue;
    cursor: pointer;
    padding-left: 5px;
    padding-bottom: 5px;
}

.rule-action {
    padding: 1px;
    line-height: 27px;
}

.rule-delete-action {
    font-size: 10pt;
    cursor: pointer;
    color: #FF9800
}

.rule-join-node {
    color: #795548;
    font-size: 10pt;
    vertical-align: text-top;
    margin-left: 2px
}

.rule-join-container {
    border: solid #999 1px;
    padding: 1px;
    background: #fff;
}